.loading-mask
	position fixed 
	z-index 9999
	background-color rgba(0,0,0,.5)
	width 100%
	height 100%
	left 0px
	top 0px
	.loader 
		position absolute
		width 100px 
		height 100px 
		left 0px
		top 0px
		right 0px
		bottom 0px
		margin auto
		&:before 
			content ""
			display block
			padding-top 100%
		.circular 
			height 100%
			animation rotate 2s linear infinite
			transform-origin center center 
			width 100%
			position absolute
			left 0px
			top 0px
			right 0px
			bottom 0px
			margin auto
			.path 
				stroke-dasharray 1,200
				stroke-dashoffset 0
				stroke-linecap round
				animation dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite							

@keyframes rotate 
	100% 
		transform rotate(360deg)

@keyframes dash 
	0%
		stroke-dasharray 1,200	
		stroke-dashoffset 0
	50% 
		stroke-dasharray 89,200	
		stroke-dashoffset -35px
	100% 
		stroke-dasharray 89,200	
		stroke-dashoffset -124px	
@keyframes color 
	0%, 100% 
		stroke #ff1200
	40% 
		stroke #0057e7
	66% 
		stroke #03ea77
	80%, 90%
		stroke #ffa700		